﻿@import url('../../StyleSheets/QLHS.css');
html, body {
	height: 100%;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}
td {
	font-size: 8pt;
}
hr {
	background-color: #c5c9cb;
	color: #c5c9cb;
	height: 1px;
	border-style:none;
}
.Message {
	font-size:9pt;
	font-weight:bold;
	background-color: #36505d;
	color: White;
}
/* ------------------------------------------------------------------------------------------------ */
/* Portal Layout Pane */
.LeftPane, .VirtualLeftPane {
	width:180px;
	background-color: #fff;
	border-right: solid 1px #c5c9cb;
}
.RightPane, .VirtualRightPane {
	width: 180px;
	background-color: #fff;
	border-left: solid 1px #c5c9cb;
}
.ContentPane {
	border-left-style:solid;
	border-left-width: 0px;
	border-right-style:solid;
	border-right-width: 0px;
	background-color: #FFFFFF;
	border-left-color: #c5c9cb;
	border-right-color: #c5c9cb;
}
.HSeparator {
	width: 0px;
}
.VSeparator {
}
/* ------------------------------------------------------------------------------------------------ */
/*Modal Popup*/

.MediaModalPopup {
	background-color: #FFFFFF;
	border-color: #FFFFFF;
}
.ModalPopup {
	border-style: solid;
	border-width: 6px;
	background-color: #ffffff;
	border-color: #c5c9cb;
}
.ModalBackground {
	filter: alpha(opacity=75);
	opacity:0.6;
	background-color: #000000;
}
.Error {
	color: Red;
	font-weight: bold;
}
/* BEGIN: Message Box */
.MessageBody {
	padding:10px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
.MessageSeperator {
	padding: 6px;
}
.Message {
	font-size: 9pt;
	font-weight: bold;
}
.MessageBoxCaption {
	border-color: #e0e0e0;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px;
	border-width: 0px;
	margin: 0px;
	cursor: move;
}
/* END: Message Box */

/* ------------------------------------------------------------------------------------------------ */
/* Module */

.ModuleTitle, .ModuleTitleRed, .ModuleTitleGray, .ModuleTitleOrange, .ModuleTitleGreen, .ModuleTitleLightBlue {
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
	padding-left:8px;
	border: 0px solid #e0e0e0;
	margin: 0px;
	height:25px;
}
.ModuleTitle {
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleBlue.png);
	background-repeat:repeat-x;
	color: #FFF;
}
.ModuleTitleRed {
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleRed.png);
	background-repeat:repeat-x;
	color: #FFF;
}
.ModuleTitleGray {
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleGray.png);
	background-repeat:repeat-x;
	color: Red;
}
.ModuleTitleOrange {
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleOrange.png);
	background-repeat:repeat-x;
	color: #FFF;
}
.ModuleTitleGreen {
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleGreen.png);
	background-repeat:repeat-x;
	color: #FFF;
}
.ModuleTitleLightBlue {
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleLightBlue.png);
	background-repeat:repeat-x;
	color: #FFF;
}
.ModuleContent {
	padding:0px;
}
.VirtualModuleContent {
	padding:6px;
}
.ModuleFrame {
	vertical-align:top;
	padding:0px;
}
.ModuleFrame1 {
	width: 0px;
	height: 0px;
}
.ModuleFrame2 {
	height: 0px;
}
.ModuleFrame3 {
	width: 0px;
	height: 0px;
}
.ModuleFrame4 {
	width:0px;
}
.ModuleFrame5 {
	padding:0px;
}
.ModuleFrame6 {
	width: 0px;
}
.ModuleFrame7 {
	width:0px;
	height:0px;
}
.ModuleFrame8 {
	height:0px;
}
.ModuleFrame9 {
	width: 0px;
	height: 0px;
}
.VirtualModuleTitle {
	visibility:hidden;
}
/* ------------------------------------------------------------------------------------------------ */
/* Login */
#LoginTab {
	font-weight:bold;
	padding: 4px;
	padding-right: 5px;
	color: #FFFFFF;
}
#LoginTab a {
	text-decoration: none;
	font-size: 8pt;
	color: #FFFFFF;
}
#LoginTab span {
	font-size: 8pt;
	color: #FFFFFF;
}
#LoginTab a:hover {
	color: orange;
}
/* ------------------------------------------------------------------------------------------------ */
.SiteLink {
	text-decoration: none;
	font-size: 8pt;
	color: #11449E;
}
.SiteLink:hover {
	text-decoration: none;
	color: Blue;
}
.SubHead {
	font-weight: bold;
}
.Title, .Header, .SubHead {
	color: #36505d;
}
.Header {
	font-size: 12pt;
}
.SubTitle {
	color: Gray;
}
.Description {
	font-size: 10pt;
}
/* ------------------------------------------------------------------------------------------------ */
.Title, .Header {
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	text-decoration: none;
	font-size: 10pt;
}
.Header:hover, .Title:hover {
	text-decoration: underline;
}
.Header {
	font-family: Arial, Tahoma, Verdana;
	font-size: 11pt;
}
.SubTitle {
	font-size: 8pt;
}
.Description {
	font-size: 10pt;
}
/* ------------------------------------------------------------------------------------------------ */

.LinkButton, .Button, .SmallButton {
	font-family: Tahoma, Verdana, sans-serif;
	margin: 0px;
	padding: 6px;
	font-weight: bold;
	font-size: 8pt;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}
.LinkButton[disabled], .Button[disabled], .SmallButton[disabled] {
	color: Gray;
}
/* ------------------------------------------------------------------------------------------------ */
/* TextBox Controls */
.TextBox {
	font-size: 9pt;
	padding: 2px;
	font-family:Tahoma, Arial, sans-serif;
}
.ReadOnlyTextBox, .watermarked {
	font-size: 9pt;
	padding: 2px;
	font-family:Tahoma, Arial, sans-serif;
}
.MultiLineTextBox {
	font-size: 9pt;
	font-family:Tahoma, Arial, sans-serif;
}
/* ------------------------------------------------------------------------------------------------ */
/* Panel */
.Panel, .PanelWithBg {
	border-width: 1px;
	border-style: solid;
	padding: 0px;
}
.LeftColumn {
	font-size: 9pt;
	text-align: right;
	width: 1%;
	font-weight: bold;
	white-space: nowrap;
}
.RightColumn {
	font-size: 9pt;
}
select {
	font-family:Tahoma, Arial, sans-serif;
}
.icon {
	vertical-align: middle;
}
/* ------------------------------------------------------------------------------------------------ */
/* Grid styles */
.Grid {
	border-width: 1px;
	border-style: solid;
}
.Grid td {
	font-family: Tahoma;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
}
.GridItem {
	color: Black;
}
.GridSelected td {
	color: Black;
	font-weight: bold;
}
.GridAlternatingItem {
	color: Black;
}
.GridHeader, .EmptyData {
	font-family: Tahoma;
	border-color: Black;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	height: 22px;
}
.GridPager {
	padding: 6px;
	font-family: Verdana;
	font-weight: bold;
	vertical-align: middle;
}
.GridHeader th {
	border-width: 1px;
	border-style: solid;
}
.DetailViewHeader {
	font-family: Tahoma;
	border-color: Black;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	height: 30px;
	border-width: 1px;
	border-style: solid;
}
.DetailViewHeader th {
	border-width: 1px;
	border-style: solid;
}
.DetailView {
	border-width: 1px;
	border-style: solid;
	color: Black;
}
.DetailView td {
	font-family: Tahoma;
	font-size: 11px;
	border-width: 1px;
	border-style: solid;
}
/* ------------------------------------------------------------------------------------------------ */
/* Panel */

.HintPanel {
	border-width: 1px;
	border-style: solid;
	padding: 0px;
}
.PanelContentHeader {
	height: 30px;
	background-color: #c1d9ff;
}
.PanelContentHeader td {
	font-weight: bold;
	text-transform: uppercase;
}
.PanelTabContentHeader {
	height: 24px;
}
.PanelTabContentFooter {
	height: 24px;
}
.PanelHeader {
	background-color: #BBD3F2;
}
.PanelHeaderNoLeft {
}
.PanelHeaderNoRight {
}
.PanelHeader td {
	font-weight: bold;
	text-transform: uppercase;
}
.PanelHeaderNoLeft td {
	font-weight: bold;
	text-transform: uppercase;
}
.PanelHeaderNoRight td {
	font-weight: bold;
	text-transform: uppercase;
}
.PanelFooter {
	padding:6px;
}

.Picture {
	padding: 4px;
	border-style: solid;
	border-width: 0px;
	border-color: #DDDDDD;
}
.SmallPicture {
	margin: 6px;
	padding: 6px;
	border-style: solid;
	border-width: 1px;
	border-color: #DDDDDD;
}
/* styling the SettingsTable */
/* styling the SettingsTable */
fieldset {
	margin: 16px 0px 8px 0px;
	padding: 6px;
	padding-top: 2px;
	border-style: solid;
	border-width: 1px;
	position: relative;
}
legend {
	text-transform: uppercase;
	margin-left: 4px;
	padding: 8px;
	font-weight:bold;
	position: relative;
	top: -16px;
}


.Button, .LinkButton, .SmallButton {
	background-color: #F1F1F3;
	border: 1px solid #c5c9cb;
	color: #36505d;
}
.TextBox, select {
	border: solid 1px #c5c9cb;
	color: #36505d;
}
.ReadOnlyTextBox, .watermarked {
	background-color: #FFFFC0;
	border: solid 1px #c5c9cb;
	color: #36505d;
}
.MultiLineTextBox {
	color: #0E4380;
}
.Panel {
	border-color: #c5c9cb;
}
.PanelWithBg {
	background-color: #FAFAFA;
	border-color: #c5c9cb;
}
.LeftColumn {
	color: #36505d;
}
.RightColumn {
}
.icon {
}
.Grid {
	border-color: #c5c9cb;
}
.Grid td {
	border-color: #c5c9cb;
}
.GridItem {
	background-color: #FAFAFA;
	color: Black;
}
.GridSelected td {
	background-color: #FFFFC0;
	color: Black;
	font-weight: bold;
}
.GridAlternatingItem {
	background-color: #F3F3F3;
	color: Black;
}
.GridHeader, .EmptyData {
	background-color: #d8d6d8;
	color: #002744;
	font-weight: bold;
}
.GridHeader th {
	border-color: #c5c9cb;
	padding:6px;
}
.GridPager {
}
.DetailViewHeader {
	background-color: #BBD3F2;
	border-color: #8AAFE1;
	color: #0E4380;
}
.DetailViewHeader th {
	border-color: #8AAFE1;
}
.DetailView {
	border-color: #8AAFE1;
	color: Black;
}
.DetailView td {
	border-color: #8AAFE1;
}
.HintPanel {
	border-color: Orange;
}
.Panel {
	border-color: #8AAFE1;
}
.PanelContentHeader {
	background-color: #c1d9ff;
	border-left: solid 1px #8AAFE1;
	border-right: solid 1px #8AAFE1;
}
.PanelContentHeader td {
}
.PanelTabContentHeader {
	background-color: #c1d9ff;
}
.PanelTabContentFooter {
	background-color: #c1d9ff;
	height: 24px;
}
.PanelHeader {
	background-color: #BBD3F2;
}
.PanelHeaderNoLeft {
	background-color: #c1d9ff;
}
.PanelHeaderNoRight {
	background-color: #c1d9ff;
}
.PanelHeader td {
}
.PanelHeaderNoLeft td {
}
.PanelHeaderNoRight td {
}
.PanelFooter {
	background-color: #c1d9ff;
}
/* fieldset, legend */
fieldset {
	background-color: #FAFAFA;
	border-color: #c5c9cb;
}
legend {
	color: #36505d;
	background-color: #F1F1F3;
	border-style: solid;
	border-width: 1px;
	border-color: #c5c9cb;
}
/* Drop down menu */
#sddm {
	margin:0;
	padding: 0;
	padding-left:6px;
	z-index: 30;
}
#sddm li {
	margin: 1px 0px 0px 1px;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px Tahoma;
}
#sddm li a {
	display: block;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none
}
#sddm li a:hover {
	color: Orange;
}
#sddm div {
	position: absolute;
	visibility: hidden;
	margin-top: 6px;
	padding: 0;
	background: #F1F1F3;
	border: 1px solid #FFFFFF;
	z-index:99999;
}
#sddm div a {
	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width:auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background-color: #F1F1F3;
	color: #000000;
	font: 11px Tahoma;
	font-weight:bold;
}
#sddm div a:hover {
	color: Orange;
	background-color:White;
}
/*

/* Site Map */
#sitemap {
}
#sitemap div {
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 3px;
}
#sitemap div a {
	font-size:10pt;
	text-decoration: none;
	color: #36505D;
}
#sitemap div a:hover {
	text-decoration:underline;
}
#sitemap span {
	font-weight:normal;
	font-size: 8pt;
	padding: 3px;
}
#sitemap span a {
	font-size:9pt;
	text-decoration: none;
	color: #36505D;
}
#sitemap span a:hover {
	text-decoration:underline;
}
/* Tree View */
#treeview {
}
#treeview div {
	font-weight: bold;
	margin: 1px 0px 0px 1px;
	padding: 2px;
}
#treeview div a {
	font-size: 9pt;
	text-decoration: none;
	color: #36505D;
}
#treeview div a:hover {
	text-decoration:underline;
}
#treeview span {
	font-weight:normal;
	padding: 2px;
}
#treeview span a {
	text-decoration: none;
	color: #36505D;
}
#treeview span a:hover {
	text-decoration:underline;
}
/* BEGIN: VisitorCount */
#VisitorCount span {
	color: #FFF;
	font-weight: bold;
	padding: 8px;
	vertical-align: middle;
}
/* END: VisitorCount */

/* ------------------------------------------------------------------------------------------------ */
.MenuLink {
	border: Solid 0px #e0e0e0;
	background-color: #FFFFFF;
	margin: 0px;
}
.MenuLinkGroup {
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleBlue.png);
	background-repeat:repeat-x;
	color: #FFF;
	padding: 6px;
	padding-left:8px;
	border: 0px solid #e0e0e0;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.MenuLinkGroup a
{
	font-weight: bold;
	background-color: #FFFFFF;
	background-image: url(../../Images/Master/QLC/bgModuleBlue.png);
	background-repeat:repeat-x;
	color: #FFF;
	padding: 6px;
	padding-left:8px;
	border: 0px solid #e0e0e0;
	margin: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
.MenuLinkItem {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
	vertical-align:middle;
	background-color:#FFFFFF;
	margin:1px;
	padding:4px;
	display:block;
}
.MenuLinkItem:link, .MenuLinkItem a {
	text-decoration:none;
	color:#000000;
}
.MenuLinkItem:hover {
	color:#000000;
	background-color: #e0e2e3;
}

.MenuLinkSubItem:hover {
	color:#ffffff;
	background-color:Orange;
}

/* ------------------------------------------------------------------------------------------------ */
/* Vertical Portal Menu */
.VerticalMenuLink {
	display:block;
	background-color: #FFFFFF;
	margin: 0px;
}
.VerticalMenuGroup {
	color:#000;
	text-decoration:none;
	display:block;
	padding: 6px;
	padding-left:8px;
	font-weight: bold;
}
.VerticalMenuGroup:hover {
	color:#000000;
	background-color: #e0e2e3;
}
.VerticalMenuGroup a 
{
    color:#000;
	text-decoration:none;
}
.VerticalMenuGroup a:hover
{
	color:#000000;
	background-color: #e0e2e3;

}
.VerticalMenuItem {
	text-decoration:none;
	color:#000000;
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
	vertical-align:middle;
	background-color:#FFFFFF;
	margin:1px;
	padding:4px;
	display:block;
}

.VerticalMenuItem:hover {
	color:#000000;
	background-color: #e0e2e3;
}
